// cover some element-ui styles
@import "./theme.scss";
@import "./handle.scss";

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.el-popover {
  @include background_color("popover_bgcolor");
}
// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
  .el-dialog__header {
    //background: #026FFF;
    @include background_color("dialog_head_color");
    padding: 10px 10px 5px;
  }
  .el-dialog__body {
    @include background_color("dialog_body_color");
  }
  .el-dialog__footer {
    @include background_color("dialog_body_color");
  }
  .el-dialog__title {
    color: white;
  }
  .el-dialog.is-fullscreen {
    @include background_color("dialog_body_color");
  }
  .el-dialog__headerbtn {
    top: 0;
    right: 0;
    padding: 0;
    cursor: pointer;
    font-size: 35px;
    width: 60px;
    &:hover {
      background: red;
    }
  }
  .el-dialog__close {
    color: white;
    &:hover {
      color: white;
    }
  }
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// 遮蔽罩
.el-loading-mask {
  @include background_color_important("mask_bgcolor");
}
.el-loading-spinner {
  .el-loading-text {
    @include font_color("mask_color");
    font-weight: 800;
    font-size: 16px;
  }
  i {
    @include font_color_important("mask_color");
    font-size: 28px;
  }
}

.dialog-title-background.mini-dialog {
  .el-dialog__header {
    line-height: 1;
    padding: 2px 2px;
    .el-dialog__title {
      font-size: 15px;
      line-height: 1.2;
    }
  }
  .el-dialog__body {
    padding: 10px 10px;
    .el-button--mini {
      padding: 5px 12px;
    }
  }
}

.el-dialog__headerbtn {
  top: 0;
  right: 0;
  padding: 0;
  cursor: pointer;
  font-size: 35px;
  width: 60px;
  &:hover {
    background: red;
  }
}
.el-dialog__close {
  color: white;
  &:hover {
    color: white;
  }
}

 .el-dialog__header {
  @include background_color("dialog_head_color");
  padding: 10px 10px 5px;
  .el-dialog__title {
    color: #fff;
  }
  .el-dialog__close {
    color: #fff;
  }
}
// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

.el-button{
  margin-right: 1px !important;
}
// adjust drawer css
.el-drawer__header {
  background: #026fff;
  padding: 0 7px;
  color: white;
  font-size: 18px;
  margin-bottom:0px;
  span:focus {
    outline: none;
  }
}
.el-drawer__close-btn {
  top: 0;
  right: 0;
  padding: 0;
  cursor: pointer;
  font-size: 35px;
  width: 60px;
  &:hover {
    background: red;
  }
}
.el-drawer__close {
  color: white;
  &:hover {
    color: white;
  }
}

/********************* 表格 ********************/
.el-table{
  // 解决缩放时表头错位问题
  th.gutter{
    display: table-cell!important;
  }
  .is-right {
    input {
      text-align: right;
    }
  }
  color: red;
  border-spacing: 0;
}
// 表头多余位置空白问题
.plTableBox .el-table .el-table__header th {
  @include background_color("table_bgcolor");
  border-bottom: none;
}
// 表格底部线条bug
.el-table::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0px;
}

 //表头字体颜色
.table-header th {
  @include font_color_important("table_head_fontcolor");
}
 //表格字体颜色 icon颜色
.table-cell {
  @include font_color_important("table_fontcolor");
  .el-table__expand-icon {
    @include font_color_important("table_fontcolor");
  }
}
 //头部
.el-table th.el-table__cell {
  @include background_color("table_bgcolor");
}
 //侧边空白区域
.el-table__header-wrapper{
  @include background_color("table_bgcolor");
}
.el-table__body-wrapper {
  @include background_color("table_bgcolor");
}

 //偶数行
.el-table tr {
  @include background_color("table_double_row_bgcolor");
  color: white;
}
 //单数行
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
  @include background_color("table_single_row_bgcolor");
}

 //表格悬浮
.el-table--enable-row-hover .el-table__body tr:hover > td {
  @include background_color_important("hover_row_color");
}
// 选择当前行背景
.el-table tr.current-row > td {
  @include background_color("current_row_color");
}
.el-table tr.el-table__row--striped.current-row td {
  @include background_color("current_row_color");
}
.el-table__body tr.current-row>td.el-table__cell {
  @include background_color("current_row_color");
}
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
  @include background_color("current_row_color");
}
